{% extends 'index.html' %}
{% block header %}
	<script type="text/javascript" src="static/js/jquery.flot.pack.js"></script>
	<script type="text/javascript" src="static/js/compare.js"></script>
{% endblock %}
{% block content %}
<h2>Compare Resource Pairs</h2>
<form id="compare_form" action="do_compare" method="POST">
	<label for="resource_pairs">Link Triples (.nt):</label><br />
	<textarea rows="15" cols="140" name="resource_pairs" id="resource_pairs">{{ persist.resource_pairs }}</textarea>

	<br />
	<label for="linkspec_id">LinkSpec ID:</label>
	<select id="linkspec_id" name="linkspec_id">
		{% for linkspec in linkspecs %}
		<option value="{{ linkspec | e }}">{{ linkspec | e }}</option>
		{% endfor %}
	</select>
	<input type="checkbox" name="reverse" id="reverse"{% if persist.reverse %} checked="checked"{% endif %}/>
	<label for="reverse">Reverse pair order</label>
	<input type="submit" value="Compare!">
	<img id="ajax_indicator" src="/static/img/ajax-loader.gif" style="position: relative; top: 4px; margin-left:10px; display: none;" />
	&nbsp;&nbsp;&nbsp;&nbsp;
	&nbsp;&nbsp;&nbsp;&nbsp;
	<b>High:</b> <span id="high_value"> - </span>
	&nbsp;&nbsp;&nbsp;&nbsp;
	<b>Low:</b> <span id="low_value"> - </span>
	&nbsp;&nbsp;&nbsp;&nbsp;
	<b>Average:</b> <span id="avg_value"> - </span>
	&nbsp;&nbsp;&nbsp;&nbsp;
	<b>Exceptions:</b> <span id="num_exceptions"> - </span>
</form>

<br />

<div id="graph"></div>
<div id="overview"></div>

<br />
<div id="similarity_details"></div>
<br />
<br />
{% endblock %}
